<!doctype html>
<html lang="zh-CN">
<head>
    {% load static %}
    <!-- 必须的 meta 标签 -->
    <meta charset="utf-8">
    <link rel="icon" href="{% static 'img/tubiao.jpg' %}" type="image/x-icon">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- Bootstrap 的 CSS 文件 -->
    <link href="{% static  'bootsrap/css/bootstrap.min.css' %}" rel="stylesheet">
    <script src="{% static 'bootsrap/js/bootstrap.bundle.min.js' %}"></script>

    <title>修改密码</title>

    <style type="text/css">

    </style>
</head>

{% load static %}
<body class="text-center" background="{% static 'img/background.jpg' %}" style=" background-repeat:no-repeat ;background-size:100% 100%;
background-attachment: fixed;">
<div class="row" style="margin-top: 60px">
    <div class="col-md-4"></div>
    <div class="col-md-4" style="background-color: white;border-radius: 30px;padding: 30px 30px 10px 30px;opacity: 0.9">
        <form action="{% url 'user_edit' %}" method="post">
            {% csrf_token %}
            <img class="mb-4" src="{% static 'img/tubiao.jpg' %}" alt="" width="75" height="75">
            <br>

            <h1 class="h3 mb-3 fw-normal">喀什大学在线学习系统</h1>
            <br>

            <h4 style="color: #5c636a">编辑资料</h4>
            <br>
            <div class="text-start">

                <div class="mb-3">
                    <label class="form-label">用户名{{ user }}</label>
                    <input type="text" disabled class="form-control" value="{{ user.name }}">

                </div>
                <div class="mb-3">
                    <label class="form-label">手机号</label>
                    <input type="text" name="phone"  class="form-control" value="{{ user.phone }}">

                </div>
                <div class="mb-3">
                    <label class="form-label">邮箱</label>
                    <input type="text" name="email"  class="form-control" value="{{ user.email}}">

                </div>
            </div>
            <br>

            <button class="w-100 btn btn-lg btn-primary" type="submit">确定修改</button>


            <p class="mt-5 mb-3 text-muted">&copy; 喀什大学在线学习系统</p>
        </form>
    </div>
    <div class="col-md-4"></div>
</div>

</body>


</html>